<!--
 * @Descripttion: 用户信息
 * @version: 
 * @Author:Hui
 * @Date: 2023-10-12 17:20:18
 * @LastEditTime: 2023-10-26 17:12:57
 * @LastEditors:Hui
-->


<template>
  <view class='user-info'>
    <view class='title'>联系人信息</view>
    <view>
      <view class='p'>{{orderAddress.name || ''}} {{orderAddress.phone || ''}}</view>
      <view class='p'>
        {{orderAddress.province || ''}} {{orderAddress.city || ''}} {{orderAddress.area || ''}}
        {{orderAddress.address || ''}}
      </view>
    </view>
  </view>
</template>

<script>

export default {
  props: {
    orderAddress: { type: Object, default: {} }
  },
}

</script>

<style lang="scss" scoped>
.user-info {
  padding: 10rpx 30rpx;
  margin-bottom: 20rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  box-shadow: 0 5rpx 5rpx 0 rgba(51,51,51,0.05);

  .title {
    font-size: 26rpx;
    color: #333;
    line-height: 60rpx;
  }


  .p {
    font-size: 24rpx;
    color: #444;
    line-height: 32rpx;
    padding: 5rpx 0;
  }
}

</style>